// 获取相关元素节点
let content=document.getElementsByClassName("content")[0];
let textarea=document.getElementsByTagName("textarea")[0];
let button=document.getElementsByTagName("button")[0];
let word=document.getElementsByClassName("word");
let a=document.getElementsByTagName("a");
// 日期时间函数
function time(){
    let time=new Date();
    let year=time.getFullYear();
    let month=time.getMonth()+1;//8
    let date=time.getDate();
    let hours=time.getHours();
    let minutes=time.getMinutes();
    let second=time.getSeconds();
    if(month>=1 && month<=9 ){
        month="0"+month;
    }
    if(date>=1 && date<=9){
        date="0"+date;
    }
    if(hours>=0 && hours<=9){
        hours="0"+hours;
    }
    if(minutes>=0 && minutes<=9){
        minutes="0"+minutes;
    }
    if(second>=0 && second<=9){
        second="0"+second;
    }
    return `${year}-${month}-${date} ${hours}:${minutes}:${second}`;

}

// 1.用户输入留言
// 2.点击留言按钮，获取用户留言，判断是否为空，不为空就把用户留言展示到页面中
button.onclick=function(){
    let text=textarea.value;
    if(text){
        content.innerHTML+=`
        <div class="word">
                <div class="infor">
                    <span>张三${word.length+1}</span>
                    <span>${time()}</span>
                </div>
                <div class="word-text">
                    <p>${text}</p>
                    <a href="#">删除</a>
                </div>
        </div>
        `;
        textarea.value="";
        // 循环添加点击事件
        del();

    }else{
        alert("请输入留言内容！");
    }
}

// 3.清空用户留言
// 4.点击删除，删掉当前的留言

// 循环给每一个删除按钮添加点击事件
function del(){
    for(let i=0;i<a.length;i++){
        a[i].onclick=function(){
            this.parentNode.parentNode.remove();
        }
    }
}
del();

// this指向对象
// 以函数形式（main()）调用：this永远指向window对象
// 以方法形式调用（obj.fn()）调用：this指向调用该方法的对象



// 元素节点.remove():谁调用就删除谁


